


@for $i from 0 through 100 {
        .louis-m-#{$i}p {
        	margin:  $i + %!important ;
        	box-sizing: border-box;
        }
        
        // 定义内边距
        .louis-p-#{$i}p {
        	padding:  $i + %!important ;
        	box-sizing: border-box;
        }
		.louis-m-tb-#{$i}p {
			margin-top:  $i + %!important ;
			margin-bottom:$i + %!important ;
			box-sizing: border-box;
		}
		
		// 定义内边距
		.louis-p-tb-#{$i}p {
			padding-top:  $i + %!important ;
			padding-bottom:$i + %!important ;
			box-sizing: border-box;
		}
		
		.louis-m-lr-#{$i}p {
			margin-right: $i + %!important ;
			margin-left: $i + %!important ;
			box-sizing: border-box;
		}
		
		// 定义内边距
		.louis-p-lr-#{$i}p {
			padding-left:$i + %!important ;
			padding-right:$i + %!important ;
			box-sizing: border-box;
		}
		
		
		
		
				
		@each $short, $long in l left, t top, r right, b bottom {
			// 缩写版，结果如： l-m-l-30
			// 定义外边距
			.louis-m-#{$short}-#{$i}p {
				margin-#{$long}: $i + %!important;
			}
			
			// 定义内边距
			.louis-p-#{$short}-#{$i}p {
				padding-#{$long}: $i + %!important;
			}
			
		}
		
		
		
		
		
		
		
	
}

// 圆角

@for $i from 0 through 100 {
	.louis-border-radius-#{$i}% {
		border-radius:$i+ % !important; 
	}
}




.louis-circular{
	border-radius: 50%;
}
.louis-inline-block{
	display: inline-block;
}
.louis-block{
	display:block;
}
.louis-inline{
	display: inline;
}
.louis-none{
	display: none;
}



.louis-border-box{
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.louis-content-box{
	box-sizing: content-box;
}